<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="icon" href="./images/youmi_logo1.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>佑蜜官网-关于我们</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="app">
        <div class="page-auto introduce">
            @@include('./nav.html',{
            "introduce": "active"
            })
            <div class="introduce__containter">
                <div class="introduce__box">
                    <img class="introduce-top" src="./images/introduce-top.png" alt="找到优孕时刻迎接宝贝到来">
                    <h4>找到优孕时刻 迎接宝贝到来</h4>
                    <div class="box">
                        <div class="btn left youmi-video-btn1">听专家说</div>
                        <div class="btn right youmi-video-btn2">听消费者说</div>
                    </div>
                    <div class="clear"></div>
                </div>
                <img class="arrow-down" src="./images/arrow-down.png" alt="">
                <div class="article-box">
                    <div class="article article-top">
                        <img src="./images/introduce1.png" alt="">
                        <div class="border"></div>
                        <h4>
                            和医院一样的结果，在家里也可以测到
                        </h4>
                        <p>
                            佑蜜利用先进的纳米金微电极技术制成生物微流控芯片，将唾液中的电解质浓度精确到1ng/ml，精确反映体内雌激素分泌水平，并结合AI和大数据进行分析，将结果精确至小时级别。
                        </p>
                        <p>
                            <span>TIPS：</span>雌激素在排卵前，宫颈粘液大量排出，宫颈粘液和口水都是体液，所以雌激素水平在各自的体系内同时达到峰值。
                        </p>
                    </div>
                    <div class="article">
                        <img src="./images/introduce2.png" alt="">
                        <div class="border"></div>
                        <h4>
                            想更便捷的知道结果，而不是肉眼判断？
                        </h4>
                        <p>
                            日历法、尿液检测法、基础体温测算法？
                        </p>
                        <p>
                            有没有更简单的方法？
                        </p>
                        <p>
                            佑蜜通过手机蓝牙，自动将生化数据传输到后台进行分析，并在APP内生成图表。
                        </p>
                    </div>
                    <div class="article article-top">
                        <img src="./images/introduce3.png" alt="">
                        <div class="border"></div>
                        <h4>
                            尊重每一颗卵子的存活质量
                        </h4>
                        <p>
                            研究表明，卵子从卵巢排出后，存活时间通长只有12-24个小时，其中前12个小时质量最高。如果卵子能够在这段时间与经过7小时“获能”的精子相遇，不仅受孕几率大，拥有一个健康聪明宝宝的可能性也会大大提高。
                        </p>
                        <p>
                            <span>TIPS：</span>佑蜜提前1~2天告知优孕时机，指导使用者孕育健康聪明的下一代。
                        </p>
                    </div>
                    <div class="article">
                        <img src="./images/introduce4.png" alt="">
                        <div class="border"></div>
                        <h4>
                            经期不规律？我该怎么做？
                        </h4>
                        <p>
                            有些女性每个月可能会有两次优孕时机的变动，它们也很难捕捉到。只要每天对唾液进行检测，就能准确监测体内雌激素水平的变化，帮你找到优孕时机。
                        </p>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <div class="introduce-footer">
                @@include('./footer.html')
            </div>
            <img class="bg introduce-bg-left" src="./images/introduce-bg-left.png" alt="">
            <img class="bg introduce-bg-right" src="./images/introduce-bg-right.png" alt="">
        </div>
        <div class="youmi-shadow close" style="display: none;">
            <div class="youmi-shadow-bg"></div>

            <div class="youmi-shadow-border">
                <video id="video1" autoplay="autoplay" controls="controls" loop="loop" width="100%">
                    <source src="./video/brandsay.mp4" type="video/mp4">
                </video>
            </div>
        </div>
        <script src="./js/jquery.min.js"></script>
        <script>
            $(function () {
                var myVideo = document.getElementById("video1");

                $('.youmi-video-btn1').click(function () {
                    $('.youmi-shadow').show();
                    myVideo.src = './video/doctorsay.mp4'
                    myVideo.load()
                })
                $('.youmi-video-btn2').click(function () {
                    $('.youmi-shadow').show();
                    myVideo.src = './video/usersay.mp4'
                    myVideo.load()
                })

                $('.close').click(function () {
                    $('.youmi-shadow').hide();
                    myVideo.pause()
                })
            })
        </script>
</body>

</html>